<!DOCTYPE html>
<html>
  <head>
    <title>fastlane/screengrab</title>
    <meta charset="UTF-8">
    <style type="text/css">
      * {
        font-family: "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif;
        font-weight: 300;
      }
      .language {

      }
      .deviceName {
        display: block;
        font-size: 30px;
        padding-bottom: 24px;
        padding-top: 45px;
      }
      .screenshot {
        cursor: pointer;
        border: 1px #EEE solid;
        z-index: 0;
      }
      th {
        text-align: left;
      }
      td {
        text-align: center;
        min-width: 200px;
      }
      #overlay {
        position:fixed;
        top:0;
        left:0;
        background:rgba(0,0,0,0.8);
        z-index:5;
        width:100%;
        height:100%;
        display:none;
        cursor: zoom-out;
        text-align: center;
      }
      #imageDisplay {
        height: auto;
        width: auto;
        z-index: 10;
        cursor: pointer;
      }
      #imageInfo {
        background: none repeat scroll 0 0 rgba(0, 0, 0, 0.2);
        border-radius: 5px;
        color: white;
        margin: 20px;
        padding: 10px;
        position: absolute;
        right: 0;
        top: 0;
        width: 250px;
        z-index: -1;
      }
      #imageInfo:hover {
        z-index: 20;
      }
    </style>
  </head>
  <body>
    <h1 id="cs" class="language">cs</h1>
    <hr>
    <table>
      <tr>
        <th colspan="4">
          <a id="cs-phoneScreenshots" class="deviceName" href="#cs-phoneScreenshots">phoneScreenshots</a>
        </th>
      </tr>
      <tr>
        <td>
          <a href="./cs/images/phoneScreenshots/main_1614170994821.png" target="_blank" class="screenshotLink">
            <img class="screenshot" src="./cs/images/phoneScreenshots/main_1614170994821.png" style="width: 100%;" alt="cs phoneScreenshots" data-counter="1">
          </a>
        </td>
        <td>
          <a href="./cs/images/phoneScreenshots/screen1_1614170996800.png" target="_blank" class="screenshotLink">
            <img class="screenshot" src="./cs/images/phoneScreenshots/screen1_1614170996800.png" style="width: 100%;" alt="cs phoneScreenshots" data-counter="2">
          </a>
        </td>
        <td>
          <a href="./cs/images/phoneScreenshots/screen2_1614170997268.png" target="_blank" class="screenshotLink">
            <img class="screenshot" src="./cs/images/phoneScreenshots/screen2_1614170997268.png" style="width: 100%;" alt="cs phoneScreenshots" data-counter="3">
          </a>
        </td>
        <td>
          <a href="./cs/images/phoneScreenshots/screen3_1614170999540.png" target="_blank" class="screenshotLink">
            <img class="screenshot" src="./cs/images/phoneScreenshots/screen3_1614170999540.png" style="width: 100%;" alt="cs phoneScreenshots" data-counter="4">
          </a>
        </td>
      </tr>
    </table>
    <h1 id="de" class="language">de</h1>
    <hr>
    <table>
      <tr>
        <th colspan="8">
          <a id="de-phoneScreenshots" class="deviceName" href="#de-phoneScreenshots">phoneScreenshots</a>
        </th>
      </tr>
      <tr>
        <td>
          <a href="./de/images/phoneScreenshots/main_1614170994821.png" target="_blank" class="screenshotLink">
            <img class="screenshot" src="./de/images/phoneScreenshots/main_1614170994821.png" style="width: 100%;" alt="de phoneScreenshots" data-counter="5">
          </a>
        </td>
        <td>
          <a href="./de/images/phoneScreenshots/main_1614171004597.png" target="_blank" class="screenshotLink">
            <img class="screenshot" src="./de/images/phoneScreenshots/main_1614171004597.png" style="width: 100%;" alt="de phoneScreenshots" data-counter="6">
          </a>
        </td>
        <td>
          <a href="./de/images/phoneScreenshots/screen1_1614170996800.png" target="_blank" class="screenshotLink">
            <img class="screenshot" src="./de/images/phoneScreenshots/screen1_1614170996800.png" style="width: 100%;" alt="de phoneScreenshots" data-counter="7">
          </a>
        </td>
        <td>
          <a href="./de/images/phoneScreenshots/screen1_1614171006920.png" target="_blank" class="screenshotLink">
            <img class="screenshot" src="./de/images/phoneScreenshots/screen1_1614171006920.png" style="width: 100%;" alt="de phoneScreenshots" data-counter="8">
          </a>
        </td>
        <td>
          <a href="./de/images/phoneScreenshots/screen2_1614170997268.png" target="_blank" class="screenshotLink">
            <img class="screenshot" src="./de/images/phoneScreenshots/screen2_1614170997268.png" style="width: 100%;" alt="de phoneScreenshots" data-counter="9">
          </a>
        </td>
        <td>
          <a href="./de/images/phoneScreenshots/screen2_1614171007773.png" target="_blank" class="screenshotLink">
            <img class="screenshot" src="./de/images/phoneScreenshots/screen2_1614171007773.png" style="width: 100%;" alt="de phoneScreenshots" data-counter="10">
          </a>
        </td>
        <td>
          <a href="./de/images/phoneScreenshots/screen3_1614170999540.png" target="_blank" class="screenshotLink">
            <img class="screenshot" src="./de/images/phoneScreenshots/screen3_1614170999540.png" style="width: 100%;" alt="de phoneScreenshots" data-counter="11">
          </a>
        </td>
        <td>
          <a href="./de/images/phoneScreenshots/screen3_1614171009658.png" target="_blank" class="screenshotLink">
            <img class="screenshot" src="./de/images/phoneScreenshots/screen3_1614171009658.png" style="width: 100%;" alt="de phoneScreenshots" data-counter="12">
          </a>
        </td>
      </tr>
    </table>
    <h1 id="el" class="language">el</h1>
    <hr>
    <table>
      <tr>
        <th colspan="4">
          <a id="el-phoneScreenshots" class="deviceName" href="#el-phoneScreenshots">phoneScreenshots</a>
        </th>
      </tr>
      <tr>
        <td>
          <a href="./el/images/phoneScreenshots/main_1614171014268.png" target="_blank" class="screenshotLink">
            <img class="screenshot" src="./el/images/phoneScreenshots/main_1614171014268.png" style="width: 100%;" alt="el phoneScreenshots" data-counter="13">
          </a>
        </td>
        <td>
          <a href="./el/images/phoneScreenshots/screen1_1614171016312.png" target="_blank" class="screenshotLink">
            <img class="screenshot" src="./el/images/phoneScreenshots/screen1_1614171016312.png" style="width: 100%;" alt="el phoneScreenshots" data-counter="14">
          </a>
        </td>
        <td>
          <a href="./el/images/phoneScreenshots/screen2_1614171016750.png" target="_blank" class="screenshotLink">
            <img class="screenshot" src="./el/images/phoneScreenshots/screen2_1614171016750.png" style="width: 100%;" alt="el phoneScreenshots" data-counter="15">
          </a>
        </td>
        <td>
          <a href="./el/images/phoneScreenshots/screen3_1614171019003.png" target="_blank" class="screenshotLink">
            <img class="screenshot" src="./el/images/phoneScreenshots/screen3_1614171019003.png" style="width: 100%;" alt="el phoneScreenshots" data-counter="16">
          </a>
        </td>
      </tr>
    </table>
    <h1 id="en" class="language">en</h1>
    <hr>
    <table>
      <tr>
        <th colspan="16">
          <a id="en-phoneScreenshots" class="deviceName" href="#en-phoneScreenshots">phoneScreenshots</a>
        </th>
      </tr>
      <tr>
        <td>
          <a href="./en/images/phoneScreenshots/main_1614170994821.png" target="_blank" class="screenshotLink">
            <img class="screenshot" src="./en/images/phoneScreenshots/main_1614170994821.png" style="width: 100%;" alt="en phoneScreenshots" data-counter="17">
          </a>
        </td>
        <td>
          <a href="./en/images/phoneScreenshots/main_1614171004597.png" target="_blank" class="screenshotLink">
            <img class="screenshot" src="./en/images/phoneScreenshots/main_1614171004597.png" style="width: 100%;" alt="en phoneScreenshots" data-counter="18">
          </a>
        </td>
        <td>
          <a href="./en/images/phoneScreenshots/main_1614171014268.png" target="_blank" class="screenshotLink">
            <img class="screenshot" src="./en/images/phoneScreenshots/main_1614171014268.png" style="width: 100%;" alt="en phoneScreenshots" data-counter="19">
          </a>
        </td>
        <td>
          <a href="./en/images/phoneScreenshots/main_1614171023470.png" target="_blank" class="screenshotLink">
            <img class="screenshot" src="./en/images/phoneScreenshots/main_1614171023470.png" style="width: 100%;" alt="en phoneScreenshots" data-counter="20">
          </a>
        </td>
        <td>
          <a href="./en/images/phoneScreenshots/screen1_1614170996800.png" target="_blank" class="screenshotLink">
            <img class="screenshot" src="./en/images/phoneScreenshots/screen1_1614170996800.png" style="width: 100%;" alt="en phoneScreenshots" data-counter="21">
          </a>
        </td>
        <td>
          <a href="./en/images/phoneScreenshots/screen1_1614171006920.png" target="_blank" class="screenshotLink">
            <img class="screenshot" src="./en/images/phoneScreenshots/screen1_1614171006920.png" style="width: 100%;" alt="en phoneScreenshots" data-counter="22">
          </a>
        </td>
        <td>
          <a href="./en/images/phoneScreenshots/screen1_1614171016312.png" target="_blank" class="screenshotLink">
            <img class="screenshot" src="./en/images/phoneScreenshots/screen1_1614171016312.png" style="width: 100%;" alt="en phoneScreenshots" data-counter="23">
          </a>
        </td>
        <td>
          <a href="./en/images/phoneScreenshots/screen1_1614171025612.png" target="_blank" class="screenshotLink">
            <img class="screenshot" src="./en/images/phoneScreenshots/screen1_1614171025612.png" style="width: 100%;" alt="en phoneScreenshots" data-counter="24">
          </a>
        </td>
        <td>
          <a href="./en/images/phoneScreenshots/screen2_1614170997268.png" target="_blank" class="screenshotLink">
            <img class="screenshot" src="./en/images/phoneScreenshots/screen2_1614170997268.png" style="width: 100%;" alt="en phoneScreenshots" data-counter="25">
          </a>
        </td>
        <td>
          <a href="./en/images/phoneScreenshots/screen2_1614171007773.png" target="_blank" class="screenshotLink">
            <img class="screenshot" src="./en/images/phoneScreenshots/screen2_1614171007773.png" style="width: 100%;" alt="en phoneScreenshots" data-counter="26">
          </a>
        </td>
        <td>
          <a href="./en/images/phoneScreenshots/screen2_1614171016750.png" target="_blank" class="screenshotLink">
            <img class="screenshot" src="./en/images/phoneScreenshots/screen2_1614171016750.png" style="width: 100%;" alt="en phoneScreenshots" data-counter="27">
          </a>
        </td>
        <td>
          <a href="./en/images/phoneScreenshots/screen2_1614171026068.png" target="_blank" class="screenshotLink">
            <img class="screenshot" src="./en/images/phoneScreenshots/screen2_1614171026068.png" style="width: 100%;" alt="en phoneScreenshots" data-counter="28">
          </a>
        </td>
        <td>
          <a href="./en/images/phoneScreenshots/screen3_1614170999540.png" target="_blank" class="screenshotLink">
            <img class="screenshot" src="./en/images/phoneScreenshots/screen3_1614170999540.png" style="width: 100%;" alt="en phoneScreenshots" data-counter="29">
          </a>
        </td>
        <td>
          <a href="./en/images/phoneScreenshots/screen3_1614171009658.png" target="_blank" class="screenshotLink">
            <img class="screenshot" src="./en/images/phoneScreenshots/screen3_1614171009658.png" style="width: 100%;" alt="en phoneScreenshots" data-counter="30">
          </a>
        </td>
        <td>
          <a href="./en/images/phoneScreenshots/screen3_1614171019003.png" target="_blank" class="screenshotLink">
            <img class="screenshot" src="./en/images/phoneScreenshots/screen3_1614171019003.png" style="width: 100%;" alt="en phoneScreenshots" data-counter="31">
          </a>
        </td>
        <td>
          <a href="./en/images/phoneScreenshots/screen3_1614171028376.png" target="_blank" class="screenshotLink">
            <img class="screenshot" src="./en/images/phoneScreenshots/screen3_1614171028376.png" style="width: 100%;" alt="en phoneScreenshots" data-counter="32">
          </a>
        </td>
      </tr>
    </table>
    <h1 id="es" class="language">es</h1>
    <hr>
    <table>
      <tr>
        <th colspan="20">
          <a id="es-phoneScreenshots" class="deviceName" href="#es-phoneScreenshots">phoneScreenshots</a>
        </th>
      </tr>
      <tr>
        <td>
          <a href="./es/images/phoneScreenshots/main_1614170994821.png" target="_blank" class="screenshotLink">
            <img class="screenshot" src="./es/images/phoneScreenshots/main_1614170994821.png" style="width: 100%;" alt="es phoneScreenshots" data-counter="33">
          </a>
        </td>
        <td>
          <a href="./es/images/phoneScreenshots/main_1614171004597.png" target="_blank" class="screenshotLink">
            <img class="screenshot" src="./es/images/phoneScreenshots/main_1614171004597.png" style="width: 100%;" alt="es phoneScreenshots" data-counter="34">
          </a>
        </td>
        <td>
          <a href="./es/images/phoneScreenshots/main_1614171014268.png" target="_blank" class="screenshotLink">
            <img class="screenshot" src="./es/images/phoneScreenshots/main_1614171014268.png" style="width: 100%;" alt="es phoneScreenshots" data-counter="35">
          </a>
        </td>
        <td>
          <a href="./es/images/phoneScreenshots/main_1614171023470.png" target="_blank" class="screenshotLink">
            <img class="screenshot" src="./es/images/phoneScreenshots/main_1614171023470.png" style="width: 100%;" alt="es phoneScreenshots" data-counter="36">
          </a>
        </td>
        <td>
          <a href="./es/images/phoneScreenshots/main_1614171032704.png" target="_blank" class="screenshotLink">
            <img class="screenshot" src="./es/images/phoneScreenshots/main_1614171032704.png" style="width: 100%;" alt="es phoneScreenshots" data-counter="37">
          </a>
        </td>
        <td>
          <a href="./es/images/phoneScreenshots/screen1_1614170996800.png" target="_blank" class="screenshotLink">
            <img class="screenshot" src="./es/images/phoneScreenshots/screen1_1614170996800.png" style="width: 100%;" alt="es phoneScreenshots" data-counter="38">
          </a>
        </td>
        <td>
          <a href="./es/images/phoneScreenshots/screen1_1614171006920.png" target="_blank" class="screenshotLink">
            <img class="screenshot" src="./es/images/phoneScreenshots/screen1_1614171006920.png" style="width: 100%;" alt="es phoneScreenshots" data-counter="39">
          </a>
        </td>
        <td>
          <a href="./es/images/phoneScreenshots/screen1_1614171016312.png" target="_blank" class="screenshotLink">
            <img class="screenshot" src="./es/images/phoneScreenshots/screen1_1614171016312.png" style="width: 100%;" alt="es phoneScreenshots" data-counter="40">
          </a>
        </td>
        <td>
          <a href="./es/images/phoneScreenshots/screen1_1614171025612.png" target="_blank" class="screenshotLink">
            <img class="screenshot" src="./es/images/phoneScreenshots/screen1_1614171025612.png" style="width: 100%;" alt="es phoneScreenshots" data-counter="41">
          </a>
        </td>
        <td>
          <a href="./es/images/phoneScreenshots/screen1_1614171034822.png" target="_blank" class="screenshotLink">
            <img class="screenshot" src="./es/images/phoneScreenshots/screen1_1614171034822.png" style="width: 100%;" alt="es phoneScreenshots" data-counter="42">
          </a>
        </td>
        <td>
          <a href="./es/images/phoneScreenshots/screen2_1614170997268.png" target="_blank" class="screenshotLink">
            <img class="screenshot" src="./es/images/phoneScreenshots/screen2_1614170997268.png" style="width: 100%;" alt="es phoneScreenshots" data-counter="43">
          </a>
        </td>
        <td>
          <a href="./es/images/phoneScreenshots/screen2_1614171007773.png" target="_blank" class="screenshotLink">
            <img class="screenshot" src="./es/images/phoneScreenshots/screen2_1614171007773.png" style="width: 100%;" alt="es phoneScreenshots" data-counter="44">
          </a>
        </td>
        <td>
          <a href="./es/images/phoneScreenshots/screen2_1614171016750.png" target="_blank" class="screenshotLink">
            <img class="screenshot" src="./es/images/phoneScreenshots/screen2_1614171016750.png" style="width: 100%;" alt="es phoneScreenshots" data-counter="45">
          </a>
        </td>
        <td>
          <a href="./es/images/phoneScreenshots/screen2_1614171026068.png" target="_blank" class="screenshotLink">
            <img class="screenshot" src="./es/images/phoneScreenshots/screen2_1614171026068.png" style="width: 100%;" alt="es phoneScreenshots" data-counter="46">
          </a>
        </td>
        <td>
          <a href="./es/images/phoneScreenshots/screen2_1614171035290.png" target="_blank" class="screenshotLink">
            <img class="screenshot" src="./es/images/phoneScreenshots/screen2_1614171035290.png" style="width: 100%;" alt="es phoneScreenshots" data-counter="47">
          </a>
        </td>
        <td>
          <a href="./es/images/phoneScreenshots/screen3_1614170999540.png" target="_blank" class="screenshotLink">
            <img class="screenshot" src="./es/images/phoneScreenshots/screen3_1614170999540.png" style="width: 100%;" alt="es phoneScreenshots" data-counter="48">
          </a>
        </td>
        <td>
          <a href="./es/images/phoneScreenshots/screen3_1614171009658.png" target="_blank" class="screenshotLink">
            <img class="screenshot" src="./es/images/phoneScreenshots/screen3_1614171009658.png" style="width: 100%;" alt="es phoneScreenshots" data-counter="49">
          </a>
        </td>
        <td>
          <a href="./es/images/phoneScreenshots/screen3_1614171019003.png" target="_blank" class="screenshotLink">
            <img class="screenshot" src="./es/images/phoneScreenshots/screen3_1614171019003.png" style="width: 100%;" alt="es phoneScreenshots" data-counter="50">
          </a>
        </td>
        <td>
          <a href="./es/images/phoneScreenshots/screen3_1614171028376.png" target="_blank" class="screenshotLink">
            <img class="screenshot" src="./es/images/phoneScreenshots/screen3_1614171028376.png" style="width: 100%;" alt="es phoneScreenshots" data-counter="51">
          </a>
        </td>
        <td>
          <a href="./es/images/phoneScreenshots/screen3_1614171037542.png" target="_blank" class="screenshotLink">
            <img class="screenshot" src="./es/images/phoneScreenshots/screen3_1614171037542.png" style="width: 100%;" alt="es phoneScreenshots" data-counter="52">
          </a>
        </td>
      </tr>
    </table>
    <h1 id="fr" class="language">fr</h1>
    <hr>
    <table>
      <tr>
        <th colspan="4">
          <a id="fr-phoneScreenshots" class="deviceName" href="#fr-phoneScreenshots">phoneScreenshots</a>
        </th>
      </tr>
      <tr>
        <td>
          <a href="./fr/images/phoneScreenshots/main_1614171042688.png" target="_blank" class="screenshotLink">
            <img class="screenshot" src="./fr/images/phoneScreenshots/main_1614171042688.png" style="width: 100%;" alt="fr phoneScreenshots" data-counter="53">
          </a>
        </td>
        <td>
          <a href="./fr/images/phoneScreenshots/screen1_1614171044812.png" target="_blank" class="screenshotLink">
            <img class="screenshot" src="./fr/images/phoneScreenshots/screen1_1614171044812.png" style="width: 100%;" alt="fr phoneScreenshots" data-counter="54">
          </a>
        </td>
        <td>
          <a href="./fr/images/phoneScreenshots/screen2_1614171045244.png" target="_blank" class="screenshotLink">
            <img class="screenshot" src="./fr/images/phoneScreenshots/screen2_1614171045244.png" style="width: 100%;" alt="fr phoneScreenshots" data-counter="55">
          </a>
        </td>
        <td>
          <a href="./fr/images/phoneScreenshots/screen3_1614171047492.png" target="_blank" class="screenshotLink">
            <img class="screenshot" src="./fr/images/phoneScreenshots/screen3_1614171047492.png" style="width: 100%;" alt="fr phoneScreenshots" data-counter="56">
          </a>
        </td>
      </tr>
    </table>
    <h1 id="it" class="language">it</h1>
    <hr>
    <table>
      <tr>
        <th colspan="4">
          <a id="it-phoneScreenshots" class="deviceName" href="#it-phoneScreenshots">phoneScreenshots</a>
        </th>
      </tr>
      <tr>
        <td>
          <a href="./it/images/phoneScreenshots/main_1614171051226.png" target="_blank" class="screenshotLink">
            <img class="screenshot" src="./it/images/phoneScreenshots/main_1614171051226.png" style="width: 100%;" alt="it phoneScreenshots" data-counter="57">
          </a>
        </td>
        <td>
          <a href="./it/images/phoneScreenshots/screen1_1614171053730.png" target="_blank" class="screenshotLink">
            <img class="screenshot" src="./it/images/phoneScreenshots/screen1_1614171053730.png" style="width: 100%;" alt="it phoneScreenshots" data-counter="58">
          </a>
        </td>
        <td>
          <a href="./it/images/phoneScreenshots/screen2_1614171054251.png" target="_blank" class="screenshotLink">
            <img class="screenshot" src="./it/images/phoneScreenshots/screen2_1614171054251.png" style="width: 100%;" alt="it phoneScreenshots" data-counter="59">
          </a>
        </td>
        <td>
          <a href="./it/images/phoneScreenshots/screen3_1614171056376.png" target="_blank" class="screenshotLink">
            <img class="screenshot" src="./it/images/phoneScreenshots/screen3_1614171056376.png" style="width: 100%;" alt="it phoneScreenshots" data-counter="60">
          </a>
        </td>
      </tr>
    </table>
    <h1 id="ja" class="language">ja</h1>
    <hr>
    <table>
      <tr>
        <th colspan="4">
          <a id="ja-phoneScreenshots" class="deviceName" href="#ja-phoneScreenshots">phoneScreenshots</a>
        </th>
      </tr>
      <tr>
        <td>
          <a href="./ja/images/phoneScreenshots/main_1614171060282.png" target="_blank" class="screenshotLink">
            <img class="screenshot" src="./ja/images/phoneScreenshots/main_1614171060282.png" style="width: 100%;" alt="ja phoneScreenshots" data-counter="61">
          </a>
        </td>
        <td>
          <a href="./ja/images/phoneScreenshots/screen1_1614171062365.png" target="_blank" class="screenshotLink">
            <img class="screenshot" src="./ja/images/phoneScreenshots/screen1_1614171062365.png" style="width: 100%;" alt="ja phoneScreenshots" data-counter="62">
          </a>
        </td>
        <td>
          <a href="./ja/images/phoneScreenshots/screen2_1614171062839.png" target="_blank" class="screenshotLink">
            <img class="screenshot" src="./ja/images/phoneScreenshots/screen2_1614171062839.png" style="width: 100%;" alt="ja phoneScreenshots" data-counter="63">
          </a>
        </td>
        <td>
          <a href="./ja/images/phoneScreenshots/screen3_1614171064995.png" target="_blank" class="screenshotLink">
            <img class="screenshot" src="./ja/images/phoneScreenshots/screen3_1614171064995.png" style="width: 100%;" alt="ja phoneScreenshots" data-counter="64">
          </a>
        </td>
      </tr>
    </table>
    <h1 id="nl" class="language">nl</h1>
    <hr>
    <table>
      <tr>
        <th colspan="4">
          <a id="nl-phoneScreenshots" class="deviceName" href="#nl-phoneScreenshots">phoneScreenshots</a>
        </th>
      </tr>
      <tr>
        <td>
          <a href="./nl/images/phoneScreenshots/main_1614171068348.png" target="_blank" class="screenshotLink">
            <img class="screenshot" src="./nl/images/phoneScreenshots/main_1614171068348.png" style="width: 100%;" alt="nl phoneScreenshots" data-counter="65">
          </a>
        </td>
        <td>
          <a href="./nl/images/phoneScreenshots/screen1_1614171071079.png" target="_blank" class="screenshotLink">
            <img class="screenshot" src="./nl/images/phoneScreenshots/screen1_1614171071079.png" style="width: 100%;" alt="nl phoneScreenshots" data-counter="66">
          </a>
        </td>
        <td>
          <a href="./nl/images/phoneScreenshots/screen2_1614171071530.png" target="_blank" class="screenshotLink">
            <img class="screenshot" src="./nl/images/phoneScreenshots/screen2_1614171071530.png" style="width: 100%;" alt="nl phoneScreenshots" data-counter="67">
          </a>
        </td>
        <td>
          <a href="./nl/images/phoneScreenshots/screen3_1614171073720.png" target="_blank" class="screenshotLink">
            <img class="screenshot" src="./nl/images/phoneScreenshots/screen3_1614171073720.png" style="width: 100%;" alt="nl phoneScreenshots" data-counter="68">
          </a>
        </td>
      </tr>
    </table>
    <h1 id="pl" class="language">pl</h1>
    <hr>
    <table>
      <tr>
        <th colspan="4">
          <a id="pl-phoneScreenshots" class="deviceName" href="#pl-phoneScreenshots">phoneScreenshots</a>
        </th>
      </tr>
      <tr>
        <td>
          <a href="./pl/images/phoneScreenshots/main_1614171077450.png" target="_blank" class="screenshotLink">
            <img class="screenshot" src="./pl/images/phoneScreenshots/main_1614171077450.png" style="width: 100%;" alt="pl phoneScreenshots" data-counter="69">
          </a>
        </td>
        <td>
          <a href="./pl/images/phoneScreenshots/screen1_1614171079545.png" target="_blank" class="screenshotLink">
            <img class="screenshot" src="./pl/images/phoneScreenshots/screen1_1614171079545.png" style="width: 100%;" alt="pl phoneScreenshots" data-counter="70">
          </a>
        </td>
        <td>
          <a href="./pl/images/phoneScreenshots/screen2_1614171079984.png" target="_blank" class="screenshotLink">
            <img class="screenshot" src="./pl/images/phoneScreenshots/screen2_1614171079984.png" style="width: 100%;" alt="pl phoneScreenshots" data-counter="71">
          </a>
        </td>
        <td>
          <a href="./pl/images/phoneScreenshots/screen3_1614171082134.png" target="_blank" class="screenshotLink">
            <img class="screenshot" src="./pl/images/phoneScreenshots/screen3_1614171082134.png" style="width: 100%;" alt="pl phoneScreenshots" data-counter="72">
          </a>
        </td>
      </tr>
    </table>
    <h1 id="pt" class="language">pt</h1>
    <hr>
    <table>
      <tr>
        <th colspan="4">
          <a id="pt-phoneScreenshots" class="deviceName" href="#pt-phoneScreenshots">phoneScreenshots</a>
        </th>
      </tr>
      <tr>
        <td>
          <a href="./pt/images/phoneScreenshots/main_1614171086780.png" target="_blank" class="screenshotLink">
            <img class="screenshot" src="./pt/images/phoneScreenshots/main_1614171086780.png" style="width: 100%;" alt="pt phoneScreenshots" data-counter="73">
          </a>
        </td>
        <td>
          <a href="./pt/images/phoneScreenshots/screen1_1614171088922.png" target="_blank" class="screenshotLink">
            <img class="screenshot" src="./pt/images/phoneScreenshots/screen1_1614171088922.png" style="width: 100%;" alt="pt phoneScreenshots" data-counter="74">
          </a>
        </td>
        <td>
          <a href="./pt/images/phoneScreenshots/screen2_1614171089367.png" target="_blank" class="screenshotLink">
            <img class="screenshot" src="./pt/images/phoneScreenshots/screen2_1614171089367.png" style="width: 100%;" alt="pt phoneScreenshots" data-counter="75">
          </a>
        </td>
        <td>
          <a href="./pt/images/phoneScreenshots/screen3_1614171091637.png" target="_blank" class="screenshotLink">
            <img class="screenshot" src="./pt/images/phoneScreenshots/screen3_1614171091637.png" style="width: 100%;" alt="pt phoneScreenshots" data-counter="76">
          </a>
        </td>
      </tr>
    </table>
    <h1 id="ru" class="language">ru</h1>
    <hr>
    <table>
      <tr>
        <th colspan="4">
          <a id="ru-phoneScreenshots" class="deviceName" href="#ru-phoneScreenshots">phoneScreenshots</a>
        </th>
      </tr>
      <tr>
        <td>
          <a href="./ru/images/phoneScreenshots/main_1614171095355.png" target="_blank" class="screenshotLink">
            <img class="screenshot" src="./ru/images/phoneScreenshots/main_1614171095355.png" style="width: 100%;" alt="ru phoneScreenshots" data-counter="77">
          </a>
        </td>
        <td>
          <a href="./ru/images/phoneScreenshots/screen1_1614171097418.png" target="_blank" class="screenshotLink">
            <img class="screenshot" src="./ru/images/phoneScreenshots/screen1_1614171097418.png" style="width: 100%;" alt="ru phoneScreenshots" data-counter="78">
          </a>
        </td>
        <td>
          <a href="./ru/images/phoneScreenshots/screen2_1614171097870.png" target="_blank" class="screenshotLink">
            <img class="screenshot" src="./ru/images/phoneScreenshots/screen2_1614171097870.png" style="width: 100%;" alt="ru phoneScreenshots" data-counter="79">
          </a>
        </td>
        <td>
          <a href="./ru/images/phoneScreenshots/screen3_1614171100157.png" target="_blank" class="screenshotLink">
            <img class="screenshot" src="./ru/images/phoneScreenshots/screen3_1614171100157.png" style="width: 100%;" alt="ru phoneScreenshots" data-counter="80">
          </a>
        </td>
      </tr>
    </table>
    <h1 id="sr" class="language">sr</h1>
    <hr>
    <table>
      <tr>
        <th colspan="4">
          <a id="sr-phoneScreenshots" class="deviceName" href="#sr-phoneScreenshots">phoneScreenshots</a>
        </th>
      </tr>
      <tr>
        <td>
          <a href="./sr/images/phoneScreenshots/main_1614171104615.png" target="_blank" class="screenshotLink">
            <img class="screenshot" src="./sr/images/phoneScreenshots/main_1614171104615.png" style="width: 100%;" alt="sr phoneScreenshots" data-counter="81">
          </a>
        </td>
        <td>
          <a href="./sr/images/phoneScreenshots/screen1_1614171106754.png" target="_blank" class="screenshotLink">
            <img class="screenshot" src="./sr/images/phoneScreenshots/screen1_1614171106754.png" style="width: 100%;" alt="sr phoneScreenshots" data-counter="82">
          </a>
        </td>
        <td>
          <a href="./sr/images/phoneScreenshots/screen2_1614171107204.png" target="_blank" class="screenshotLink">
            <img class="screenshot" src="./sr/images/phoneScreenshots/screen2_1614171107204.png" style="width: 100%;" alt="sr phoneScreenshots" data-counter="83">
          </a>
        </td>
        <td>
          <a href="./sr/images/phoneScreenshots/screen3_1614171109443.png" target="_blank" class="screenshotLink">
            <img class="screenshot" src="./sr/images/phoneScreenshots/screen3_1614171109443.png" style="width: 100%;" alt="sr phoneScreenshots" data-counter="84">
          </a>
        </td>
      </tr>
    </table>
    <h1 id="tr" class="language">tr</h1>
    <hr>
    <table>
      <tr>
        <th colspan="4">
          <a id="tr-phoneScreenshots" class="deviceName" href="#tr-phoneScreenshots">phoneScreenshots</a>
        </th>
      </tr>
      <tr>
        <td>
          <a href="./tr/images/phoneScreenshots/main_1614171113053.png" target="_blank" class="screenshotLink">
            <img class="screenshot" src="./tr/images/phoneScreenshots/main_1614171113053.png" style="width: 100%;" alt="tr phoneScreenshots" data-counter="85">
          </a>
        </td>
        <td>
          <a href="./tr/images/phoneScreenshots/screen1_1614171115090.png" target="_blank" class="screenshotLink">
            <img class="screenshot" src="./tr/images/phoneScreenshots/screen1_1614171115090.png" style="width: 100%;" alt="tr phoneScreenshots" data-counter="86">
          </a>
        </td>
        <td>
          <a href="./tr/images/phoneScreenshots/screen2_1614171115540.png" target="_blank" class="screenshotLink">
            <img class="screenshot" src="./tr/images/phoneScreenshots/screen2_1614171115540.png" style="width: 100%;" alt="tr phoneScreenshots" data-counter="87">
          </a>
        </td>
        <td>
          <a href="./tr/images/phoneScreenshots/screen3_1614171117804.png" target="_blank" class="screenshotLink">
            <img class="screenshot" src="./tr/images/phoneScreenshots/screen3_1614171117804.png" style="width: 100%;" alt="tr phoneScreenshots" data-counter="88">
          </a>
        </td>
      </tr>
    </table>
    <h1 id="vi" class="language">vi</h1>
    <hr>
    <table>
      <tr>
        <th colspan="4">
          <a id="vi-phoneScreenshots" class="deviceName" href="#vi-phoneScreenshots">phoneScreenshots</a>
        </th>
      </tr>
      <tr>
        <td>
          <a href="./vi/images/phoneScreenshots/main_1614171121443.png" target="_blank" class="screenshotLink">
            <img class="screenshot" src="./vi/images/phoneScreenshots/main_1614171121443.png" style="width: 100%;" alt="vi phoneScreenshots" data-counter="89">
          </a>
        </td>
        <td>
          <a href="./vi/images/phoneScreenshots/screen1_1614171123626.png" target="_blank" class="screenshotLink">
            <img class="screenshot" src="./vi/images/phoneScreenshots/screen1_1614171123626.png" style="width: 100%;" alt="vi phoneScreenshots" data-counter="90">
          </a>
        </td>
        <td>
          <a href="./vi/images/phoneScreenshots/screen2_1614171124068.png" target="_blank" class="screenshotLink">
            <img class="screenshot" src="./vi/images/phoneScreenshots/screen2_1614171124068.png" style="width: 100%;" alt="vi phoneScreenshots" data-counter="91">
          </a>
        </td>
        <td>
          <a href="./vi/images/phoneScreenshots/screen3_1614171126380.png" target="_blank" class="screenshotLink">
            <img class="screenshot" src="./vi/images/phoneScreenshots/screen3_1614171126380.png" style="width: 100%;" alt="vi phoneScreenshots" data-counter="92">
          </a>
        </td>
      </tr>
    </table>
    <h1 id="zh-CN" class="language">zh-CN</h1>
    <hr>
    <table>
      <tr>
        <th colspan="4">
          <a id="zh-CN-phoneScreenshots" class="deviceName" href="#zh-CN-phoneScreenshots">phoneScreenshots</a>
        </th>
      </tr>
      <tr>
        <td>
          <a href="./zh-CN/images/phoneScreenshots/main_1614171130203.png" target="_blank" class="screenshotLink">
            <img class="screenshot" src="./zh-CN/images/phoneScreenshots/main_1614171130203.png" style="width: 100%;" alt="zh-CN phoneScreenshots" data-counter="93">
          </a>
        </td>
        <td>
          <a href="./zh-CN/images/phoneScreenshots/screen1_1614171132348.png" target="_blank" class="screenshotLink">
            <img class="screenshot" src="./zh-CN/images/phoneScreenshots/screen1_1614171132348.png" style="width: 100%;" alt="zh-CN phoneScreenshots" data-counter="94">
          </a>
        </td>
        <td>
          <a href="./zh-CN/images/phoneScreenshots/screen2_1614171133363.png" target="_blank" class="screenshotLink">
            <img class="screenshot" src="./zh-CN/images/phoneScreenshots/screen2_1614171133363.png" style="width: 100%;" alt="zh-CN phoneScreenshots" data-counter="95">
          </a>
        </td>
        <td>
          <a href="./zh-CN/images/phoneScreenshots/screen3_1614171135307.png" target="_blank" class="screenshotLink">
            <img class="screenshot" src="./zh-CN/images/phoneScreenshots/screen3_1614171135307.png" style="width: 100%;" alt="zh-CN phoneScreenshots" data-counter="96">
          </a>
        </td>
      </tr>
    </table>
    <h1 id="zh-TW" class="language">zh-TW</h1>
    <hr>
    <table>
      <tr>
        <th colspan="4">
          <a id="zh-TW-phoneScreenshots" class="deviceName" href="#zh-TW-phoneScreenshots">phoneScreenshots</a>
        </th>
      </tr>
      <tr>
        <td>
          <a href="./zh-TW/images/phoneScreenshots/main_1614171139242.png" target="_blank" class="screenshotLink">
            <img class="screenshot" src="./zh-TW/images/phoneScreenshots/main_1614171139242.png" style="width: 100%;" alt="zh-TW phoneScreenshots" data-counter="97">
          </a>
        </td>
        <td>
          <a href="./zh-TW/images/phoneScreenshots/screen1_1614171141450.png" target="_blank" class="screenshotLink">
            <img class="screenshot" src="./zh-TW/images/phoneScreenshots/screen1_1614171141450.png" style="width: 100%;" alt="zh-TW phoneScreenshots" data-counter="98">
          </a>
        </td>
        <td>
          <a href="./zh-TW/images/phoneScreenshots/screen2_1614171141894.png" target="_blank" class="screenshotLink">
            <img class="screenshot" src="./zh-TW/images/phoneScreenshots/screen2_1614171141894.png" style="width: 100%;" alt="zh-TW phoneScreenshots" data-counter="99">
          </a>
        </td>
        <td>
          <a href="./zh-TW/images/phoneScreenshots/screen3_1614171144179.png" target="_blank" class="screenshotLink">
            <img class="screenshot" src="./zh-TW/images/phoneScreenshots/screen3_1614171144179.png" style="width: 100%;" alt="zh-TW phoneScreenshots" data-counter="100">
          </a>
        </td>
      </tr>
    </table>
    <div id="overlay">
      <img id="imageDisplay" src="" alt="" />
      <div id="imageInfo"></div>
    </div>
    <script type="text/javascript">
      var overlay        = document.getElementById('overlay');
      var imageDisplay   = document.getElementById('imageDisplay');
      var imageInfo      = document.getElementById('imageInfo');
      var screenshotLink = document.getElementsByClassName('screenshotLink');

      function doClick(el) {
        if (document.createEvent) {
          var evObj = document.createEvent('MouseEvents', true);
          evObj.initMouseEvent("click", false, true, window, 0, 0, 0, 0, 0, false, false, false, false, 0, null);
          el.dispatchEvent(evObj);
        } else if (document.createEventObject) { //IE
          var evObj = document.createEventObject();
          el.fireEvent('onclick', evObj);
        }
      }

      for (index = 0; index < screenshotLink.length; ++index) {
        screenshotLink[index].addEventListener('click', function(e) {
          e.preventDefault();

          var img = e.target;
          if (e.target.tagName == 'A') {
            img = e.target.children[0];
          }

          // beautify
          var tmpImg = new Image();
          tmpImg.src = img.src;
          imageDisplay.style.height     = 'auto';
          imageDisplay.style.width     = 'auto';
          if (window.innerHeight < tmpImg.height) {
            imageDisplay.style.height = document.documentElement.clientHeight+'px';
          } else if (window.innerWidth < tmpImg.width) {
            imageDisplay.style.width = document.documentElement.clientWidth;+'px';
          } else {
            imageDisplay.style.paddingTop = parseInt((window.innerHeight - tmpImg.height) / 2)+'px';
          }

          imageDisplay.src             = img.src;
          imageDisplay.alt             = img.alt;
          imageDisplay.dataset.counter = img.dataset.counter;

          imageInfo.innerHTML          = '<h3>'+img.alt+'</h3>';
          imageInfo.innerHTML         += decodeURI(img.src.split("/").pop());
          imageInfo.innerHTML         += '<br />'+tmpImg.height+'&times;'+tmpImg.width+'px';

          overlay.style.display        = "block";
        });
      }

      imageDisplay.addEventListener('click', function(e) {
        e.stopPropagation(); // !

        overlay.style.display = "none";

        img_counter = parseInt(e.target.dataset.counter) + 1;
        try {
          link = document.body.querySelector('img[data-counter="'+img_counter+'"]').parentNode;
        } catch (e) {
          try {
            link = document.body.querySelector('img[data-counter="0"]').parentNode;
          } catch (e) {
            return false;
          }
        }
        doClick(link);
      });

      overlay.addEventListener('click', function(e) {
        overlay.style.display = "none";
      })

      function keyPressed(e) {
        e = e || window.event;
        var charCode = e.keyCode || e.which;
        switch(charCode) {
          case 27: // Esc
            overlay.style.display = "none";
            break;
          case 34: // Page Down
          case 39: // Right arrow
          case 54: // Keypad right
          case 76: // l
          case 102: // Keypad right
            e.preventDefault();
            doClick(imageDisplay);
            break;
          case 33: // Page up
          case 37: // Left arrow
          case 52: // Keypad left
          case 72: // h
          case 100: // Keypad left
            e.preventDefault();
            document.getElementById('imageDisplay').dataset.counter -= 2; // hacky
            doClick(imageDisplay);
            break;
         }
      };
      document.body.addEventListener('keydown', keyPressed);
    </script>
  </body>
</html>
